<template>
  <div>
    <div
      class="foot1"
      v-if="configObj.name != '信用园区'"
    >
      <div class="agency-wrap">
        <div class="title">
          <div class="name">合作机构</div>
          <div>Cooperative agency</div>
        </div>
        <div class="agency-content">
          <div
            class="agency-list"
            v-for="(item,index) in 17"
            :key="index"
          >
            <img
              :src="require('../../images/waterHome/bank'+(index+1)+'.png')"
              alt=""
            >
          </div>
          <div class="agency-list line">持续更新中...</div>
        </div>
      </div>
      <div class="footer">
        <div class="footer-wrap">
          <p>地址：上海市嘉定区沪宜公路1188号3号楼 </p>
          <p>© 2018 www.shuiloutai.com All Right Reserved.水楼台小微企业服务平台版权所有</p>
          <p>技术支持：创巢中小企业众扶平台 </p>
        </div>
      </div>
    </div>
    <div
      v-else
      class="footer2"
    >
      <div
        id="company"
        class="agency-wrap"
      >
        <div class="title">
          <div class="name">合作机构</div>
          <div>COOPERATIVE ANGENCY</div>
        </div>
        <div class="agency-content">
          <div class="agency-list">
            <img
              src="../../images/credit-park/Bitmap(13).png"
              alt=""
            >
          </div>
        </div>
      </div>
      <div class="footer">
        <div class="footer-wrap">
          <div class="footer-left">
            <p>友情链接： 中华人民共和国国家发展和改革委员会 上海市发展和改革委员会 信用中国 诚信上海 上海市市场信用信息共享服务平台 </p>
            <p>【信用园区管理服务平台】</p>
            <p> 版权所有：上海市社会信用促进中心 © 2018 沪ICP备：17053360号</p>
            <p> 主办单位：上海市社会信用促进中心 上海创巢投资管理有限公司</p>
            <p>地址：上海市普陀区金沙江路980号华大科技园E3楼8层</p>
          </div>
          <div class="footer-right">
            <img
              src="../../images/credit-park/scan.png"
              alt=""
            >
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
let CONSTANT = require("../../constant/constant.js"),
  common = require("../../common.js"),
  config = require("../../config/config.js");
export default {
  data() {
    return {
      configObj: ""
    };
  },
  props: {},

  created() {
    let arr = location.hostname.split(".");
    let urlName = arr[0] == "www" ? arr[1] : arr[0];
    this.configObj = config.urlObjs[urlName];
  },
  mounted() {},
  methods: {}
};
</script>

<style lang="scss" scoped>
.foot1 {
  .agency-wrap {
    background-color: #fff;
    height: 493px;
    padding-top: 105px;
    .title {
      text-align: center;
      .name {
        color: #262626;
        font-size: 30px;
        font-weight: bold;
      }
      div {
        color: #cbcbcb;
        font-size: 20px;
        margin-top: 5px;
      }
    }
    .agency-content {
      width: 1200px;
      margin: 65px auto 0;
      overflow: hidden;
      .agency-list {
        width: 189px;
        height: 58px;
        float: left;
        margin-right: 13px;
        margin-bottom: 47px;
        text-align: center;
        line-height: 58px;
        font-size: 18px;
        color: #9b9b9b;
        box-sizing: border-box;
        &.line {
          border: 1px solid #eee;
        }
        &:nth-child(6n) {
          margin-right: 0px;
        }
        img {
          width: 189px;
          height: 58px;
        }
      }
    }
  }
  //底部
  .footer {
    height: 138px;
    background-color: #2c2c2c;
    padding-top: 32px;
    font-size: 14px;
    color: #b1b1b1;
    .footer-wrap {
      color: #b1b1b1;
      width: 1200px;
      margin: 0 auto;
      text-align: center;
    }
  }
}
.footer2 {
  .agency-wrap {
    background-color: #fff;
    padding-bottom: 94px;
    padding-top: 35px;
    .title {
      text-align: center;
      .name {
        font-size: 24px;
        font-family: PingFangSC-Semibold;
        font-weight: 600;
        color: rgba(92, 88, 88, 1);
      }
      div {
        font-size: 18px;
        font-family: AbadiMT-CondensedLight;
        font-weight: normal;
        color: rgba(185, 185, 185, 1);
        margin-top: 5px;
      }
    }
    .agency-content {
      width: 1200px;
      margin: 22px auto 0;
      overflow: hidden;
      .agency-list {
        width: 1201px;
        height: 317px;
        box-sizing: border-box;
        img {
          width: 1201px;
          height: 317px;
        }
      }
    }
  }
  //底部
  .footer {
    height: 181px;
    background-color: #2b2b2b;
    font-size: 14px;
    color: #b1b1b1;
    .footer-wrap {
      position: relative;
      width: 1200px;
      margin: 0 auto;
      font-family: PingFangSC-Regular;
      font-weight: Regular;
      color: #fff;
      .footer-left {
        padding-top: 27px;
        p {
          padding: 0;
          margin: 0;
          margin-bottom: 9px;
          letter-spacing: 1px;
        }
      }
      .footer-right {
        position: absolute;
        right: 0;
        top: 21px;
        img {
          width: 134px;
          height: 134px;
        }
      }
    }
  }
}
</style>
